<template>
  <div>
    <div class="zhangzi-page">
      <!-- 左侧内容 -->
      <div class="page-left page-zbox">
        <!-- 实时情况 -->
        <situation />
        <!-- 市政问题高发路段分析 -->
        <Municipal />
        <!-- 物联感知数据展示 -->
        <perception />
      </div>
      <!-- 右 -->
      <div class="page-right ">
        <partition />
      </div>
    </div>
  </div>
</template>
  
<script>
import situation from './components/situation.vue'
import Municipal from './components/MunicipalProblems.vue'
import perception from './components/perception.vue'
import partition from './partition.vue'

export default {
  components: { situation, Municipal, perception, partition },
  data() {
    return {

    }
  }
}
</script>
  
<style lang="less" scoped></style>